textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input
  background-color: $white
  border: 1px solid $border-color
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s
  -moz-transition: border linear 0.2s,box-shadow linear 0.2s
  -o-transition: border linear 0.2s,box-shadow linear 0.2s
  transition: border linear 0.2s,box-shadow linear 0.2s

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus
  border-color: $border-color
  outline: 0
  outline: thin dotted \9


@media (min-width: 878px)
  input[type="text"]
    height: 36px
@media (max-width: 877px)
  input[type="text"]
    height: 34px
@media (min-width: 1132px)
  input[type="text"]
    height: 37px
